<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="sitemesh"
	uri="http://www.opensymphony.com/sitemesh/decorator"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="${ctx}/static/bootstrap/2.1.1/css/bootstrap.min.css"
	type="text/css" rel="stylesheet" />
<link href="${ctx}/static/jquery-validation/1.10.0/validate.css"
	type="text/css" rel="stylesheet" />
<link href="${ctx}/static/styles/default.css" type="text/css"
	rel="stylesheet" />
<script src="${ctx}/static/jquery/1.7.2/jquery.min.js"
	type="text/javascript"></script>
<script src="${ctx}/static/js/common.smartcrud.js"
	type="text/javascript"></script>
<script
	src="${ctx}/static/jquery-validation/1.10.0/jquery.validate.min.js"
	type="text/javascript"></script>
<script src="${ctx}/static/jquery-validation/1.10.0/messages_bs_zh.js"
	type="text/javascript"></script>
<script type="text/javascript" src="${ctx}/static/js/datepicker/WdatePicker.js"></script>
<title>Smart Crud</title>
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }
    </style>
</head>
<body>
	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">

			<div class="container-fluid">
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
				</a> <a class="brand" href="#">SmartCrud</a>
				<div class="nav-collapse">
					<div class="btn-group pull-right">
						<a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#">
							<i class="icon-user icon-white"></i>${sessionScope.user}
							<span class="caret"></span>
						</a>
						
						<ul class="dropdown-menu">
							<li><a href="#">Edit Profile</a></li>
							<li><a href="${ctx}/logout">Logout</a></li>
						</ul>
					</div>
					
					<ul class="nav">
						<li class="active"><a href="#">Home</a></li>
						<li><a href="#about">About</a></li>
						<li><a href="#contact">Contact</a></li>

					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
		</div>
	</div>

	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span3">
				<div class="well sidebar-nav">
					<ul class="nav nav-list">${sessionScope.menuAsString}
					</ul>
				</div>
			</div>

			<div class="span9">
					<sitemesh:body></sitemesh:body>
			</div>
		</div>
		
		<footer>
			<p>&copy; Company 2012</p>
		</footer>
			
	</div>
	<script src="${ctx}/static/bootstrap/2.1.1/js/bootstrap.min.js"
		type="text/javascript"></script>
</body>
</html>